<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<div th:replace="~{fragment/headFragment :: head}"></div>

<body class="cbp-spmenu-push">
<div class="main-content">


	<div th:replace="~{fragment/left-border :: left}"></div>

	<div th:replace="~{fragment/header :: header}"></div>

	<div id="page-wrapper">
			<div class="main-page">
				<div class="tables">
					<h3 class="title1">Tables</h3>


					<!--这是notice表-->
					<div class="bs-example widget-shadow" data-example-id="contextual-table">
						<h4>Notice Tables :</h4>
						<!--search-->
						<div class="input-group">
							<div class="input-group-append">
								<form action="/systemMessage/sm" method="post">
									<input  class="sb-search-input input__field--madoka" placeholder="Search..." type="search" name="value" th:value="${#request.getParameter('value')}" id="input-31" />
									<input type="text" name="current" value="1" style="display: none">
									<input type="text" name="size" value="6" style="display: none">
									<input type="submit" value="提交" style="display: none">
								</form>


							</div>
						</div>
						<!--search-->
						<table class="table"> <thead> <tr> <th>#</th>

							<th>通知类型</th>
							<th>系统通知</th>
							<th>通知时间</th>
						</tr> </thead> <tbody>

						<tr class="active" th:each="cs,rowInfo : ${list}">
							<th scope="row" th:text="${rowInfo.count}">1</th>

							<td th:width="400" th:class="danger" th:text="${cs.getTitle()}"></td>
							<td th:width="400" th:class="info" th:text="${cs.getContent()}"></td>
							<td th:width="400" th:text="${cs.getCreatetime()}"></td>
						</tr>
						</tbody> </table>

						<ul class="pagination pagination-lg">
							<li><a th:href="@{/systemMessage/sm(value=${#request.getParameter('value')},current=${#request.getParameter('current')}-1,size=6)}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
							<li th:classappend="${(#request.getParameter('current') eq #strings.concat(i))?'active':''}" th:each="i:${#numbers.sequence(1,pagesCount)}"><a th:href="@{/systemMessage/sm(value=${#request.getParameter('value')},current=${i},size=6)}"  th:text="${i}"></a></li>
							<li><a th:href="@{/systemMessage/sm(value=${#request.getParameter('value')},current=${#request.getParameter('current')}+1,size=6)}" aria-label="Next"><span aria-hidden="true">»</span></a></li>
						</ul>


					</div>

				</div>
			</div>
		</div>

	</div>
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.js"> </script>
</body>
</div>
</body>
</html>